Table of Contents

Table Of Figures. 4

1 Document Introduction. 6

2 Controls 7

2.1 Introduction: 7

2.2 Administrative Website Controls. 7

2.3 Customer Application Controls. 9

2.4 Supervisor Application Controls 10

2.5 Universal Controls. 10

2.6 Conclusion. 11

3 How To Get Help. 12

3.1 Introduction. 12

3.2 Help functionality. 12

3.3 How to get additional help. 13

3.4 Conclusion. 14

4 System Implementation. 15

4.1 Introduction. 15

4.2 Hardware and software requirements. 15

4.2.1 Hardware. 15

4.2.2 Software. 15

4.3 Implementation. 15

4.3.1 Administrative Website. 15

4.3.2 Mobile Applications. 16

4.4 Conclusion. 16

5 Administrative Website Functionality. 17

5.1 Introduction. 17

5.2 Global Functionality. 17

5.3 Functionality. 19

5.3.1 Home screen. 19

5.3.2 Reset Password. 26

5.3.3 Login. 27

5.3.4 Register Employee. 29

5.3.5 User Roles. 32

5.3.6 Users. 37

5.3.7 Employees. 39

5.3.8 Stock. 43

5.3.9 Location. 49

5.3.10 Service Packages & Items. 55

5.3.11 Car Types. 67

5.3.12 Car Models & Makes. 72

5.3.13 Car Colours. 84

5.3.14 Reports. 89

5.3.15 Logout 100

5.4 Conclusion. 104

6 Supervisor Application Functionality. 105

6.1 Introduction. 105

6.2 Functionality. 105

6.2.1 Home Screen (Booking Queue) 105

6.2.2 Reset Password. 110

6.2.3 Login. 111

6.2.4 Guests. 113

6.2.5 Logout 116

6.3 Conclusion. 116

7 Customer Application Functionality. 117

7.1 Introduction. 117

7.2 Functionality. 117

7.2.1 Home Screen. 117

7.2.2 Forgot Password. 118

7.2.3 Create An Account 119

7.2.4 Login. 120

7.2.5 Customer Profile. 121

7.2.6 Update Details. 122

7.2.7 Disable Account 123

7.2.8 Car. 124

7.2.9 Bookings. 126

7.2.10 Make A Booking. 131

7.2.11 Vouchers. 137

7.2.12 Logout 138

7.3 Conclusion. 138

8 Reports & Output 139

8.1 Introduction. 139

8.2 Reports. 139

8.2.1 Total Carwash Report. 140

8.2.2 Total Income Report 141

8.2.3 Stock Level Report 142

8.2.4 Carwash Trend Report 143

8.2.5 Customer Satisfaction Report 144

8.3 Conclusion. 145

9 Error & Confirmation Messages 146

9.1 Introduction. 146

9.2 Error Messages 146

9.2.1 Administrative Website. 146

9.2.2 Mobile Application. 147

9.3 Confirmation Messages 148

9.3.1 Administrative Website. 148

9.3.2 Mobile Application. 149

9.4 Success Messages. 151

9.4.1 Administrative Website. 151

9.4.2 Mobile Application. 151

9.5 Conclusion. 152

10 Glossary. 153

10.1 Introduction. 153

10.2 Glossary. 153

10.3 Conclusion. 155

11 Client Sign-Off 156

11.1 Introduction. 156

11.2 Client Sign Off 156

11.3 Conclusion. 156

12 Team Sign-Off 157

12.1 Introduction. 157

12.2 Team Sign Off 157

12.3 Conclusion. 157

13 Document Conclusion. 158

Table Of Figures

Figure 1 Administrative Website Side Menu Controls. 7

Figure 2 User Dropdown Menu Controls. 8

Figure 3 Customer Application Menu Controls. 9

Figure 4 Supervisor Application Menu Control. 10

Figure 5 Admin Website - Help Functionality. 12

Figure 6 Mobile Application - Help Functionality. 13

Figure 7 Search Functionality. 17

Figure 8 Delete Functionality. 18

Figure 9 Admin Home Screen.. 20

Figure 10 Modify Booking Limit. 22

Figure 11 Modify Loyalty Point Limit. 23

Figure 12 Modify Employees Required.. 25

Figure 13 Admin Log In Screen.. 27

Figure 14 Register Employee/User Screen.. 30

Figure 15 User Role screen.. 32

Figure 16 Add User Role Screen.. 34

Figure 17 Update User Role Screen.. 36

Figure 18 Users screen.. 37

Figure 19 Carwash Employees Screen.. 39

Figure 20 Update Employee Screen.. 41

Figure 21 Stock screen.. 43

Figure 22 Add Stock Item screen – 1/2. 45

Figure 23 Add Stock screen 2/2. 47

Figure 24 Locations screen.. 49

Figure 25 Add New Location Screen.. 51

Figure 26 Update Location Screen.. 53

Figure 27 Service Package Screen.. 55

Figure 28 Add Service Package Screen.. 57

Figure 29 Update Service Package Screen.. 59

Figure 30 Service Items Screen.. 61

Figure 31 Add Service Item Screen.. 63

Figure 32 Update Service Item.. 65

Figure 33 Car Type Screen.. 67

Figure 34 Add Car Type Screen.. 69

Figure 35 Update Car Type Screen.. 70

Figure 36 Car Model Screen.. 72

Figure 37 Car Brand Screen.. 74

Figure 38 Add Car Model Screen.. 76

Figure 39 Update Car Model Screen.. 78

Figure 40 Add Car Brand Screen.. 80

Figure 41 Update Car Make Screen.. 82

Figure 42 Car Colour Screen.. 84

Figure 43 Add Car Colour Screen.. 86

Figure 44 Update Car Colour Screen.. 87

Figure 45 Select Date Range Date picker. 89

Figure 46 Total Carwashes Report Screen.. 90

Figure 47 Total Income Report Screen.. 92

Figure 48 Stock Level Report Screen.. 94

Figure 49 Carwash Trend Report. 96

Figure 50 Customer Review Report Screen.. 98

Figure 51 Logout Functionality. 100

Figure 52 Change Logo Screen.. 101

Figure 53 Car Colour Screen.. 103

Figure 54 Supervisor Home Screen.. 106

Figure 55 Wash Progress Screen.. 108

Figure 56 Supervisor Login Screen.. 111

Figure 57 View Guest Screen.. 113

Figure 58 Add Guest Screen.. 115

Figure 59 Customer Home Screen.. 117

Figure 60 Forgot Password Screen.. 118

Figure 61 Register new account screen.. 119

Figure 62 Login Screen.. 120

Figure 63 Customer's profile screen.. 121

Figure 64 Update Customer Details Screen.. 122

Figure 65 View Cars Screen.. 124

Figure 66 Add New Car Screen.. 125

Figure 67 View Scheduled Bookings Screen.. 126

Figure 68 Book A Wash Screen.. 127

Figure 69 View Wash History Screen.. 128

Figure 70 Add Review Screen.. 129

Figure 71 Book A Wash Screen.. 131

Figure 72 Select Car Section.. 132

Figure 73 Select Wash Section.. 133

Figure 74 Select Date Section.. 134

Figure 75 Select Payment Section.. 135

Figure 76 Confirm Booking Screen.. 136

Figure 77 View Vouchers Screen.. 137

Figure 78 Sign Out Button.. 138

Figure 79: Total Carwash Report Output. 140

Figure 80 Total Income Report Output. 141

Figure 81 Stock Level Report Output. 142

Figure 82 Carwash Trend Report Output. 143

Figure 83 Customer Satisfaction Report. 144

Figure 84 Error Message Example. 146

1 Document Introduction

This user manual serves to explain all system functionality, separated according to platform (mobile application or administrative website). Contact information of the developers are also included for additional help if required help cannot be found in the user manual or system.

2 Controls

2.1 Introduction:

This section includes the general controls used for navigation in the mobile application as well as the administrative website.

2.2 Administrative Website Controls

Control

Description

Figure 1 Administrative Website Side Menu Controls

The menu control of the website is used to navigate to the chosen menu item’s page. The menu is opened on the left hand of the screen. Navigates to the home screen. Navigates to the employees screen. Navigates to the cars screen. Navigates to the users screen. Navigates to the wash services screen. Navigates to the stock screen. Navigates to the locations screen. Navigates to the bookings screen. Navigates to the Audit log screen Navigates to the report screen.

Control	Description
Figure 2 User Dropdown Menu Controls	The user dropdown menu control of the website is used to navigate to certain functionality. The menu is opened on the top right corner of the screen. Navigates to change logo screen Navigates to online help screen Navigates to the login screen once a admin has logged out

2.3 Customer Application Controls

Control

Description

Figure 3 Customer Application Menu Controls.

The menu control of the mobile application is used to navigate to the chosen menu item’s page. The menu is opened on the left side of the screen. Navigates to the profile screen. Navigates to the bookings screen. Navigates to the cars screen. Navigates to the vouchers screen. Navigates to the wash history screen. Navigates to the catalogue screen. Navigates to the online help screen. Navigates to the login screen once a customer has logged out

2.4 Supervisor Application Controls

Control	Description
Figure 4 Supervisor Application Menu Control	The menu control of the mobile application is used to navigate to the chosen menu item’s page. The menu is opened on the right side of the screen. Navigates to the queue screen. Navigates to the guest screen. Navigates to the collect keys screen. Navigates to the check car screen. Navigates to the login screen once a customer has logged out

2.5 Universal Controls

Control	Description
Text box	The text boxes are used for capturing the short input values where required.
Text area	Text areas are used for longer input, usually a paragraph.
Dropdown box	Dropdowns contains a list of values stored in the database. One of the existing values must be chosen as input.
Date/time picker	A Date/Time picker is used for quickly selecting dates, times and/or date ranges.

2.6 Conclusion

This section explained the menu controls of the administrative website, the customer mobile application and the supervisor mobile application. It explained the universal controls such as text boxes, text areas, dropdown boxes and date/time pickers used throughout the website and mobile applications.

3 How To Get Help

3.1 Introduction

This section includes a description of all the different ways to get help in the system.

3.2 Help functionality

The user must navigate to the Menu bar where the Help section will be located. Once the user selects the help button the online help doc will open in the user’s browser. On each page of the website and mobile application a “help?” link is displayed, this link can also be selected to navigate the user to the specific help section for that page.

Example	Description
Figure 5 Admin Website - Help Functionality	On the admin screen, the link to the online help doc can be found under the user dropdown menu in the top-left corner of the screen. Navigates to the online help documentation.

Example	Description
Figure 6 Mobile Application - Help Functionality	On each individual screen on the mobile applications, the “Help?” link can be seen in the bottom left hand corner. This can be selected to open up a specific section in the help document. Navigates to the online help documentation.

3.3 How to get additional help

Additional help can be obtained from the developers in the case of insufficient help provided in the online help function or in the user manual. Please add “HELP” in the subject line.

Full Name	Email
Liza-Mari Wolhuter	U18020497@tuks.co.za
Gideon Botha	u18005765@tuks.co.za
Carla Jacobs	U17053422@tuks.co.za
Barend Steenkamp	u17185018@tuks.co.za
Zuan Van Zyl	U18169024@tuks.co.za

3.4 Conclusion

This section gives a brief overview of how to get online help within the system.

4 System Implementation

4.1 Introduction

This section provides the basic hardware and software requirements needed to implement the system, as well as an explanation on how to implement the system.

4.2 Hardware and software requirements

The minimum hardware and software requirements of the mobile application and the administrative website are provided below. Please note that an internet connection is required for use of the website and the mobile application.

4.2.1 Hardware

4.2.1.1 Administrative Website

Any tablet/PC/Desktop with the following minimum requirements:

· 2GB Ram

· Core i3 processor

4.2.1.2 Mobile Applications

Any mobile device with the following:

· Camera

4.2.2 Software

4.2.2.1 Administrative Website

Any tablet/PC/Desktop with the following minimum requirements:

· HTML5 Capable web browser Minimum - Windows 10

· Chrome Browser (recommended)

4.2.2.2 Mobile Applications

Any mobile device with the following:

· iOS or Android operating system Minimum - iOS 8 / Android 4.5

4.3 Implementation

4.3.1 Administrative Website

The ERP Carwash administrative website is an online system and requires no installation other than navigating to the following URL:

Once the website is loaded, login credentials will be requested for access to the system.

Please note that each user is assigned a certain access level according to the users’ role, and that website/ mobile application access will be restricted accordingly.

4.3.2 Mobile Applications

The ERP Carwash mobile application needs to be downloaded from the Google Play Store (for Android devices) or the App Store (for iOS devices).

4.4 Conclusion

This section described the basic system implementation procedure to be followed.

5 Administrative Website Functionality

5.1 Introduction

This section explains all the functionality for the administrative website in detail.

5.2 Global Functionality

5.2.1.1 Searching on the System

A user can search a specific data item in a table by typing in the attribute into the search box. The search box displays on the left hand corner above the table.

	1 Figure 7 Search Functionality		2
NO.	Name	Description
1	Search Box	The search box is an input field of type text. The user can type in any data related to the table which is being displayed.
2	Filtered Information	The filtered data will display in the table rows.

5.2.1.2 Deleting a record on the system

A user can delete a record on the system by navigating to the specific record’s table screen. The user can then search for the specific record by typing the record’s attribute (ex. Name). The system will display the matching records and the user can then navigate to the trash can button, which corresponds with the record they wish to remove, on the far right corner under the “actions” coloumn. When the user selects the delete (trash can) button the system will display a warning message and prompts the user to confirm the deletion of the record. Once the user selects the “yes” button the system will continue to remove the record from the system. If the user selects the “no” button the warning message will close and the record will not be deleted.

	Figure 8 Delete Functionality		1
NO.	Name	Description
1	Delete Button	The delete button opens up a warning message where the user must indicate whether they want to delete the record selected or not.

5.3 Functionality

5.3.1 Home screen

5.3.1.1 Home Screen

The home screen is displayed when the website has been opened on a browser. The home screen is designed to give useful information at a glance. The current stock levels can be seen in a graphical format, some necessary settings can be changed and the system can be backed-up and restored. The following settings can also be modified on the home screen: the max limit of bookings, the loyalty point limit, the employees required for washing.

11 8 5 3	1 Figure 9 Admin Home Screen		12 100 9 7 6 2 4
NO.	Name	Description
1	Top Menu Bar	Displays the name of the company contains the user dropdown and the side navigation menu button.
2	User Dropdown	The user dropdown can be selected to display more functionality, the logout, the change logo action and the settings button.
3	Side Navigation Menu	The side navigation menu contains all the links to the different sectors of the website. (see universal controls)
4	Welcome Header	The welcome header shows the name of the user who is currently logged into the system.
5	Max Limit of Bookings Card	Displays the current limit set in the system for bookings a day.
6	Employees Required for Washing Card	Displays the required employees for the amount of bookings for the current day.
7	Loyalty Points Program Card	Displays the current loyalty point limit as in the system.
8	Current Stock Levels Card	Displays the current stock levels as in the database for each of the stock items in the system.
9	Today’s Bookings Card	Displays a list of bookings for the current day.
10	Back-Up & Restore Card	Displays the back-up and restore information for the system.
11	Back-Up Button	To back up the system, the user will have to click on the Back-Up button. Which will then back up all the data in the database to a SQL script.

5.3.1.2 Modify Max Limit of Bookings Screen

The modify max limit of bookings screen is used to update the amount of bookings which is allowed to be booked on one day.

4 3	1 Figure 10 Modify Booking Limit		5 2
NO.	Name	Description
1	Header	Displays the “Modify Max Limit of Bookings” header to indicate what pop-up is being displayed.
2	Number Input	Input field of type numeric up and down for the max bookings amount.
3	Cancel Button	Cancels and closes the modify pop-up.
4	Submit button	Submits the modification and updates the record in the database.

5.3.1.3 Modify Loyalty Point Limit Screen

The modify loyalty point limit screen is used to update the amount of loyalty points a customer should receive before they receive a voucher and what package is given as a voucher.

5 4	1 Figure 11 Modify Loyalty Point Limit		6 3 2
NO.	Name	Description
1	Header	Displays the “Modify Loyalty Program” header to indicate what pop-up is being displayed.
2	Number Input	Input field of type numeric up and down amount.
3	Service Package eligible for voucher redemption dropdown	Displays all the service packges in a dropdown and the user must select one.
5	Cancel Button	Cancels and closes the modify pop-up.
6	Submit button	Submits the modification and updates the record in the database.

5.3.1.4 Change Employees Required Screen

The change employees required screen is used to change the number of employees needed per wash per day.

2 3	1 Figure 12 Modify Employees Required		4
NO.	Name	Description
1	Header	Displays the “Change employees required” header to indicate what pop-up is being displayed.
2	Number Input	Input field of type numeric up and down for the employees required amount.
3	Cancel Button	Cancels and closes the modify pop-up.
4	Submit button	Submits the modification and updates the record in the database.

5.3.2 Reset Password

The reset password screen is displayed when a user selects the “forgot password” link on the login screen. The user must type in their email address in the textbox provided and click the “send OTP” button. The system will send the user an OTP which will then allow the user to change their password.

1 2			3
NO.	Name	Description
1	Header	The header describes what screen is being displayed.
2	Email Textbox	Input field for the email of the admin.
3	Send OTP	The send email button sends the email with the pin.

5.3.3 Login

This screen is used to login the admin on to the system, the user must enter his username and password in the username and password textboxes and then click on the login button, a success message will show when the user logs in successfully and an error message will show when the username or password is entered incorrectly. An error message will also show if the email does not exist on the system or if the user does not have access to the admin website.

1 5 2 3	Figure 13 Admin Log In Screen		6 4
NO.	Name	Description
1	Company Logo	The company logo should be displayed on the login screen.
2	Header	Displays the “Log In” header which indicates what screen is being displayed.
2	Username Textbox	Input of type text for the Admin Username.
3	Password Textbox	Input of type Password for the Admin Password.
4	Forgot Password	Hyperlink To forgot password screen
5	Login Button	Once clicked, the system will login the user as an admin and take the user to the home screen.

5.3.4 Register Employee

This screen is used to display the current admin and/or employees that is added on to the system in a table. A user may add a new person on to the system on this screen by clicking on the “+” button located in the right corner of the employee or user screen, a user must then enter the details in the textboxes shown and then click on next until the last page where the user must click the save button if the user entered no data or incorrect format an error message will popup, if the data saves successfully to the database a success message will show. If a user accidently clicked on the “ADD NEW” button, the user may click the web page back button if he/she wishes to cancel. The button on the right is the view person button which will open the view person page with all the details of the person that is saved on the system.

9 8 6 4 5 2	1 Figure 14 Register Employee/User Screen		10 7 3
7NO.	Name	Description
1	Header	The header “Register Carwash Employee” indicates which screen is being displayed
2	First Name Textbox	Input field for first name of the new user.
3	Last Name Textbox	Input field for surname of the new user.
4	Date of Birth Textbox	Input field for date of birth of the new user.
5	Email Textbox	Input field for email of the new user.
6	Password Textbox	Input field for password of the new user.
7	Confirm Password Textbox	Input field for the confirmation of password of the new user.
8	Select Location Textbox	Dropdown with all locations, for the location of the new user.
9	Register Button Textbox	Once this clicked, the system will add the new user to the system and a confirmation box should appear on the screen.
10	Cancel Button Textbox	If clicked, the system will cancel the register user action.

5.3.5 User Roles

5.3.5.1 User Role Landing screen

This screen is used to display the current user roles that is added on to the system in a table with the appropriate fields and relevant records. The user screen allows for a user to add a new user to the system, update and existing user or delete an existing user. There is a search box where a user can be searched on the system.

1 4 2 5 6	Figure 15 User Role screen		7 3 8
NO.	Name	Description
1	Header	The header “User Roles” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific user role on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new user role to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the user roles on the system.
6	Table Footer	Displays more information regarding information on the user roles.
7	Delete Button	The delete button can be clicked to delete a user role from the system.
8	Edit Button	The edit button can be clicked to modify an user role.

5.3.5.2 Add User Role

A user may add a new user role on to the system on this screen by clicking on the “ADD” button located in the right corner of the screen, a user must then enter the user role details in the textboxes shown and then click on save button if the user entered no data or incorrect format an error message will popup, if the data saves successfully to the database a success message will popup. If a user accidently clicked on the add button, there is a white cross (“X”) button located in the right corner of the screen, which when clicked cancels the process of adding a new user role.

1 3 2	Figure 16 Add User Role Screen		44
NO.	Name	Description
1	Header	The header “Add” indicates which screen is being displayed
2	Role Name Textbox	Input field for the role name.
3	Close button	Close button to cancel the action and close the modal.
4	Submit Button	Submit button, once clicked the new user role will be added to the system.

5.3.5.3 Edit User Role

A user must navigate from the user role screen to the modify user role screen by clicking on the modify user role button located under the actions column in the user role table on the left side. When a user clicks on the modify user role button it will navigate to the modify user role page where the user must update or change the required fields that needs to be updated and click on save, the system will return to the user role page. The required fields that was change will show in the asset table on the asset screen.

1 3 2	Figure 17 Update User Role Screen		4
NO.	Name	Description
1	Header	The header “Update” indicates which screen is being displayed
2	Role Name Textbox	Input field for the role name.
3	Close button	Close button to cancel the action and close the modal.
4	Submit Button	Submit button, once clicked the new user role will be added to the system.

5.3.6 Users

5.3.6.1 User Landing Page

The user screen displays all the users and relevant user data that exists on the system. A user can add another user by selecting the “+” button located on the top right corner. A user can also disable another user by clicking on the “x Disable” button. Or enable a user by clicking the “ Enable” button. The system will prompt a confirmation message before completing the action.

1 2 4 5 6	Figure 18 Users screen		8 7 3
NO.	Name	Description
1	Header	The header “User” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific user on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new user to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the users on the system.
6	Table Footer	Displays more information regarding information on the users
7	Disable Button	Disables the user and updates the status attribute in the database.
8	Enable Button	Enables the user and updates the status attribute in the database.

5.3.6.2 Disable or Enable User

A user can be disabled by selecting the “Disabled” button under the actions column on the User screen. A disabled user will no longer have access to the system but the user’s data and information will remain on the system. A user can be enabled by selecting the “Enable” button under the actions column on the User screen. This button only displays if a user has been disabled on the system.

5.3.7 Employees

5.3.7.1 Employee Landing Screen

The employees screen is used for viewing all employees currently registered on the system. A table with relevant information regarding the employees is displayed. An employee can be modified, deleted and viewed from this screen, depending on which action is selected.

1 2 4 5 6	Figure 19 Carwash Employees Screen		3 8 7
NO.	Name	Description
1	Header	The header “Carwash Employees” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific employee on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new employee to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the employees on the system.
6	Table Footer	Displays more information regarding information on the employees..
7	Delete Button	The delete button can be clicked to delete an employee from the system.
8	Edit Button	The edit button can be clicked to modify an employee.

5.3.7.2 Update Employee

The update employee screen is used to update a specific employee’s information. All required fields must be completed and correctly completed in order to modify the employee details successfully. If all fields are validated the system will update the employee’s details once the add button is selected. If there is a validation error the system will display the error underneath the field which has been entered incorrectly or not completed.

1 6 5 4 2	Figure 20 Update Employee Screen		6 3
NO.	Name	Description
1	Header	The header “Update” indicates which screen is being displayed
2	Name Textbox	Input field for the name for the employee.
3	Surame Textbox	Input field for the surname for the employee.
4	Submit Button	Input field for the email for the employee.
5	Locations Checkbox list section	Display a checkbox list for all locations on the system.
6	Close Button	Closes the pop-up.
7	Save Changes button	Submits the changes and updates the employee in the database.

5.3.8 Stock

5.3.8.1 Stock Landing Page

The stock screen is used for viewing all stock currently registered on the system. A table with relevant information regarding the stock items is displayed. An stock item can be modified, deleted and viewed from this screen, depending on which action is selected.

1 55 4 6 2	Figure 21 Stock screen		3 8 7
NO.	Name	Description
1	Header	The header “Stock” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific stock item on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new stock item to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the stock items on the system.
6	Table Footer	Displays more information regarding information on the stock items.
7	Delete Button	The delete button can be clicked to delete a stock item from the system.
8	Edit Button	The edit button can be clicked to modify a stock item.

5.3.8.2 Add A Stock Item

The add stock screen is used for adding a new stock item to the system. All required input fields must be correctly completed and once the add button is selected the system should display a success modal. If not all fields are completed and correct an error notification will appear. (control descriptions in next page, note there are two screens)

4 2	1 Figure 22 Add Stock Item screen – 1/2		5 3
NO.	Name	Description
1	Header	The heading “Add Stock” indicates what pop up is being displayed.
2	Name Textbox	Input field of type text for the name of the stock item.
3	Brand Textbox	Input field of type text for the brand of the stock item.
4	Full Product Amount Numeric Input	Input field of type numeric for the full amount of the stock item.
5	Current Amount Numeric Input	Input field of type numeric for the current amount of the stock item.

6 8 7	Figure 23 Add Stock screen 2/2		9
NO.	Name	Description
6	Service Items Section	Checkbox list of all service items on the system to indicate where the stock item is applicable.
7	Usage Per Type Section	The input fields for all car types in the system to indicate the usage per type for the stock item.
8	Cancel Button	Cancels the action.
9	Submit Button	Completes the action and adds the item to the system.

5.3.9 Location

5.3.9.1 Locations Landing Page

The location screen is used for viewing all locations currently registered on the system. A location can be modified, deleted and viewed from this screen, depending on which action is selected.

1 2 5 6 4	Figure 24 Locations screen		3 8 7
NO.	Name	Description
1	Header	The header “Locations” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific location on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new location to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the locations on the system.
6	Table Footer	Displays more information regarding information on the locations
7	Delete Button	The delete button can be clicked to delete a location from the system.
8	Edit Button	The edit button can be clicked to modify a location.

5.3.9.2 Add Location

The add location screen is used for adding a new location to the system. All required input fields must be correctly completed and once the add button is selected the system should display a success modal. If not all fields are completed and correct an error notification will appear.

1 5 4 3	Figure 25 Add New Location Screen		2 6
NO.	Name	Description
1	Header	The heading “Add Location” indicates what pop up is being displayed.
2	Name Textbox	Input field of type text for the name of the location.
3	Address Textbox	Input field of type text for the address of the location.
4	Active Washing Days Section	Checkbox list to indicate the active washing days for the specific location.
8	Cancel Button	Cancels the action.
9	Add Location Button	Completes the action and adds the location to the system.

5.3.9.3 Update Location

The purpose for this screen is to update or change an existing location on the system. A user must complete or change the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the location screen.

5 4 2	1 Figure 26 Update Location Screen		3 6
NO.	Name	Description
1	Header	The heading “Update” indicates what pop up is being displayed.
2	Name Textbox	Input field of type text for the name of the location.
3	Address Textbox	Input field of type text for the address of the location.
4	Active Washing Days Section	Checkbox list to indicate the active washing days for the specific location. The current days which is selected will already be checked.
8	Cancel Button	Cancels and closes the pop-up.
9	Add Location Button	Completes the action and updates the location on the system.

5.3.10 Service Packages & Items

5.3.10.1 Service Package Landing Page

The service packages screen displays all the service packages that are on the system with the relevant information field. A user can add, edit or delete a service package depending on which actions are selected.

1 4 2 5 6	Figure 27 Service Package Screen		3 8 7
NO.	Name	Description
1	Header	The header “Service Packages” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific service package on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new service package to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the service packages on the system.
6	Table Footer	Displays more information regarding information on the service packages
7	Delete Button	The delete button can be clicked to delete a service package from the system.
8	Edit Button	The edit button can be clicked to modify a service package.

5.3.10.2 Add Service Package

The add service package screen is used to add a new service package to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the service package screen.

1 4 3	Figure 28 Add Service Package Screen		2 5
NO.	Name	Description
1	Header	The heading “Add Service Package” indicates what pop up is being displayed.
2	Package Name Textbox	Input field for the item’s name.
3	Service Items Button	The service items button opens up the service package pop up to select the service items for the service package.
4	Cancel Button	The close button cancels the action.
5	Add Button	The add button completes the action and adds the package in the system.

5.3.10.3 Update Service Package

The update service package screen is used to change a service package in the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the service package screen.

1 4 5 3	Figure 29 Update Service Package Screen		6 2
NO.	Name	Description
1	Header	The heading “Update” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Service Package Name Textbox	Input field for the item’s name.
4	Service Items Section	The service items checkbox list is where the service items which is used by the service ipackage is specified.
6	Close Button	The close button cancels the action.
7	Save Changes	The save changes button completes the action and updates the package in the system.

5.3.10.4 Service Item Landing Page

The service items screen displays all the service items that are on the system with the relevant information field. A user can add, edit or delete a service item depending on which actions are selected.

1 6 2 4 5	Figure 30 Service Items Screen		3 8 7
NO.	Name	Description
1	Header	The header “Service Items” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific service item on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new service item to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the service items on the system.
6	Table Footer	Displays more information regarding information on the service items
7	Delete Button	The delete button can be clicked to delete a service item from the system.
8	Edit Button	The edit button can be clicked to modify a service item.

5.3.10.5 Add Service Item

The add service item screen is used to add a new service item to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the service item screen.

1 4 54 2	Figure 31 Add Service Item Screen		6 3
NO.	Name	Description
1	Header	The heading “Create Service Item” indicates what pop up is being displayed.
2	Service Item Name Textbox	Input field for the item’s name.
3	Cost Per Type Section	The cost per type section is where the price for each car type is specified.
5	Select Stock Items Button	Opens up the stock items pop up list where the stock items must be selected.
6	Cancel Button	The close button cancels the action.
7	Submit Button	The submit button completes the action and adds the new item to the system.

5.3.10.6 Update Service Item

The update service item screen is used to update service item in the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the service item screen.

5 6 3	1 Figure 32 Update Service Item		2 7 4
NO.	Name	Description
1	Header	The heading “Update” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Service Item Textbox	Input field for the item’s name/description.
4	Cost Per Type Section	The cost per type section is where the price for each car type is specified. The “R” does not have to be entered as it is automatically added.
5	Stock Items Checkbox List	The stock items checkbox list is where the stock items which is used by the service item is specified.
6	Close Button	The close button cancels the action.
7	Save Changes	The save changes button completes the action and adds the new item to the system.

5.3.11 Car Types

The car type screen is used for viewing all types currently registered on the system. A table with relevant information regarding the car types is displayed. A type can be modified, deleted and viewed from this screen, depending on which action is selected.

1 6 5 4 2	Figure 33 Car Type Screen		8 3 7
NO.	Name	Description
1	Header	The header “Car Type” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific type on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new type to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the types on the system.
6	Table Footer	Displays more information regarding information on the types.
7	Delete Button	The delete button can be clicked to delete a type from the system.
8	Edit Button	The edit button can be clicked to modify a types

5.3.11.1 Add Car Type

The add car type screen is used to add to a new car type to the system. The required fields must be complete and correct in order for the system to successfully add the car type to the database. If the validation is not successful the system will display a validation error message.

3 4	1 Figure 34 Add Car Type Screen		5 2
NO.	Name	Description
1	Header	The heading “Add” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Description Textbox	Input field for the car type description.
4	Close Button	The close button closes the pop up and cancels the action.
5	Submit	The submit button completes the action and adds the type to the system.

5.3.11.2 Update Car Type

The update car type screen is used to update car type in the system. The required fields must be complete and correct in order for the system to successfully add the car type to the database. If the validation is not successful the system will display a validation error message.

3 4	1 Figure 35 Update Car Type Screen		5 2
NO.	Name	Description
1	Header	The heading “Add” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Description Textbox	Input field for the car type description.
4	Close Button	The close button closes the pop up and cancels the action.
5	Save Changes Button	The submit button completes the action and updates the type on the system.

5.3.12 Car Models & Makes

5.3.12.1 Car Models Table

The car models screen is used for viewing all models currently registered on the system. A model can be modified, deleted and viewed from this screen, depending on which action is selected.

1 6 5 4 2	Figure 36 Car Model Screen		8 3 7
NO.	Name	Description
1	Header	The header “Car Model” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific model on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new model to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the models on the system.
6	Table Footer	Displays more information regarding information on the models.
7	Delete Button	The delete button can be clicked to delete a models from the system.
8	Edit Button	The edit button can be clicked to modify a models.

5.3.12.2 Car Brand Table

The car brand screen is used for viewing all brands currently registered on the system. A brands can be modified, deleted and viewed from this screen, depending on which action is selected.

1 5 4 2 6	Figure 37 Car Brand Screen		7 3 8
NO.	Name	Description
1	Header	The header “Car Brand” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific brand on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new brand to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the brands on the system.
6	Table Footer	Displays more information regarding information on the brand.
7	Delete Button	The delete button can be clicked to delete a brand from the system.
8	Edit Button	The edit button can be clicked to modify a brand.

5.3.12.3 Add Car Model

The add car model screen is used to add a new car model to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car model screen.

3 5 6	1 Figure 38 Add Car Model Screen		4 2 7
NO.	Name	Description
1	Header	The heading “Add” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Car Make Dropdown	Dropdown for all car makes in the system.
4	Car Model Textbox	Input field for the model description.
5	Car Type Dropdown	Dropdown for all car types in the system.
6	Close Button	The close button closes the pop up and cancels the action.
7	Submit Button	The submit button completes the action and adds the new model to the system.

5.3.12.4 Update Car Model

The update car make screen is used to update car model in the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car make screen.

3 6 5	1 Figure 39 Update Car Model Screen		4 7 2
NO.	Name	Description
1	Header	The heading “Update” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Car Make Dropdown	Dropdown for all car makes in the system.
4	Car Model Textbox	Input field for the model description.
5	Car Type Dropdown	Dropdown for all car types in the system.
6	Close Button	The close button closes the pop up and cancels the action.
7	Save Changes Button	The save changes button completes the action and updates the model to the system.

5.3.12.5 Add Car Brand

The add car brand screen is used to add a new brand to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car make screen.

4 3	1 Figure 40 Add Car Brand Screen		5 2
NO.	Name	Description
1	Header	The heading “Add” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Car Make Textbox	Input field for the car brand description.
4	Close Button	The close button closes the pop up and cancels the action.
5	Submit	The submit button completes the action and adds the new brand to the system.

5.3.12.6 Update Car Brand

The update car brand screen is used to update car brand in the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car brand screen.

3 4	1 Figure 41 Update Car Make Screen		5 2
NO.	Name	Description
1	Header	The heading “Add” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Car Make Textbox	Input field for the car make description.
4	Close Button	The close button closes the pop up and cancels the action.
5	Submit	The submit button completes the action and updates the make to the system.

5.3.13 Car Colours

5.3.13.1 Car Colours Landing Page

The car colour screen is used for viewing all colours currently registered on the system. A colour can be modified, deleted and viewed from this screen, depending on which action is selected.

1 6 5 4 2	Figure 42 Car Colour Screen		8 3 7
NO.	Name	Description
1	Header	The header “Car Colour” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific colour on the system.
3	Add Button	The add button can be clicked if the user wishes to add a new colour to the system.
4	Table Headers	The table headers for the columns in the table.
5	Table Content	Displays all the colours on the system.
6	Table Footer	Displays more information regarding information on the colours.
7	Delete Button	The delete button can be clicked to delete a colour from the system.
8	Edit Button	The edit button can be clicked to modify a colour.

5.3.13.2 Add Car Colour

The add car colour screen is used to add a new car colour to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is added successfully to the database a success message will be shown and the user will be directed back to the car colour screen.

3 4	1 Figure 43 Add Car Colour Screen		5 2
NO.	Name	Description
1	Header	The heading “Add” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Car Colour Textbox	Input field for the car colour description.
4	Close Button	The close button closes the pop up and cancels the action.
5	Submit Button	The submit button completes the action and adds the colour to the system.

5.3.13.3 Update Car Colour

The update car colour screen is used to update car colour to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car colour screen.

3 4	1 Figure 44 Update Car Colour Screen		5 2
NO.	Name	Description
1	Header	The heading “Add” indicates what pop up is being displayed.
2	Close Button	The close button closes the pop up.
3	Car Colour Textbox	Input field for the car colour description.
4	Close Button	The close button closes the pop up and cancels the action.
5	Save changes	The submit button completes the action and updates the colour to the system.

5.3.14 Reports

5.3.14.1 Selecting A Date Range

On each report screen the Select A Date Range input field must be entered before a report can be generated. The user must indicate the start and end date of the date range.

1	Figure 45 Select Date Range Date picker
NO.	Name	Description
1	Enter Date Range Input	The user must select a start and end date for which they want to generate the report.

5.3.14.2 Total Carwash Report

The total carwash report displays to graphical illustrations of the total service packages and total service items booked in the selected timeframe. The user can export the report into a pdf version by selecting the “Export” button.

7 5 3	1 Figure 46 Total Carwashes Report Screen		8 6 4 2
NO.	Name	Description
1	Report Header	The heading “Total Carwash Report” indicates what report is being displayed.
2	Date Range Input	Input field of type datepicker for the date range of the report.
3	Generate Button	Generates the report.
4	Export Report	Exports the report to a pdf version.
5	Total Service Packages Graph	Displays the total service packages booked in a graphical format.
6	Total Service Items Graph	Displays the total service items booked in a graphical format.
7	Total Service Packages Table	Displays the total service packages booked in a table format.
8	Total Service Items Table	Displays the total service items booked in a table format.

5.3.14.3 Total Income Report

The total income report displays the total income made by the carwash for a specific timeframe. The user can export the report into a pdf version by selecting the “Export” button.

5 3	1 Figure 47 Total Income Report Screen		6 4 2
NO.	Name	Description
1	Report Header	The heading “Total Carwash Report” indicates what report is being displayed.
2	Date Range Input	Input field of type datepicker for the date range of the report.
3	Generate Button	Generates the report.
4	Export Report	Exports the report to a pdf version.
6	Total Income Graph	Displays the total income in a graphical format.
7	Total Income Table	Displays the total income booked in a table format.

5.3.14.4 Stock Level Report

The stock level report displays the current stock level for each of the stock items on the system. The stock level can be viewed in a graphical format or a in a table format. No data selection is needed since the stock levels showcase the current day’s levels.

4 3	1 Figure 48 Stock Level Report Screen		2
NO.	Name	Description
1	Report Header	The heading “Total Carwash Report” indicates what report is being displayed.
4	Export Button	Exports the report to a pdf version.
5	Current Stock Levels Graph	Displays the current stock levels in a graphical format.
7	Current Stock Levels Table	Displays the current stock levels in a table format.

5.3.14.5 Carwash Trend Report

The carwash trend report provides insightful information to the admin about trends regarding bookings. This includes the most popular day for bookings, the most popular service package and item. It also displays a trend line graph to illustrate the trend between bookings.

7 5 3	1 Figure 49 Carwash Trend Report		8 6 2 4
NO.	Name	Description
1	Report Header	The heading “Total Carwash Report” indicates what report is being displayed.
2	Date Range Input	Input field of type datepicker for the date range of the report.
3	Generate Button	Generates the report.
4	Export Report	Exports the report to a pdf version.
5	Most Popular Day Card	Displays the most popular day for bookings.
6	Most Popular Service Package Card	Displays the most popular service package booked.
7	Most Popular Service Item Card	Displays the most popular service items booked.
8	Amount of Bookings Trend Line	Displays the trend line for the amount of bookings.

5.3.14.6 Customer Review Report

The customer satisfaction report shows the average rating that the bookings have received. The table displays the average rating per service package and the amount of reviews received.

6 5 3	1 Figure 50 Customer Review Report Screen		2 4
NO.	Name	Description
1	Report Header	The heading “Total Carwash Report” indicates what report is being displayed.
2	Date Range Input	Input field of type datepicker for the date range of the report.
3	Generate Button	Generates the report.
4	Export Report	Exports the report to a pdf version.
5	Customer Satisfaction	Displays the average rating of reviews and the amount of reviews in the system for the specified timeframe.
6	Average Rating Per Package Table	Displays the average rating per service package and the amount of reviews received for each service package.

5.3.15 Logout

The purpose of this function is to log out a user and return to the login screen so that another user can log in. The sign out button can be located underneath the User dropdown in the top right-hand corner of the screen. The user must select the “Sign Out” button, the system will then display a confirmation message and the user must indicate that they wish to sign out, else if the user does not want to sign out they can select the “cancel” button.

1	Figure 51 Logout Functionality
NO.	Name	Description
1	Sign Out Button	Opens up the confirmation screen which requests the user to confirm whether they want to logout of the system or not.

5.3.15.1 Change Logo Image

The change logo screen is used to update or change the logo image which is displayed on the system’s home and login screens.

1 2 3 5	Figure 52 Change Logo Screen		6 4
NO.	Name	Description
1	Header	Displays header “Upload Logo” to indicate which pop-up is displayed.
2	Image Area	Area where the image will display once it has been uploaded.
3	Select Option Dropdown	Dropdown for the selection options of where the logo must display.
4	Select File Button	Uploads the selected image from a selected file.
5	Close Button	Closes the pop-up
6	Continue Button	Completes the upload of the image and changes the logo on the system.

5.3.15.2 View Audit Trail

This screen is used to track events that happened on the (IT) system in a table. It displays a table named audit log table with the following fields: Audit ID, Date, User, Transaction Type, Details. If a user wishes to download the audit log document in excel format, a user must click on the download audit log button labelled “download excel”. The audit log table will then download to the local system in an excel format. A user may also search for an audit log by typing in any criteria that matches in the audit log table in the search textbox located in the upper left corner of the screen. The results will show in the audit log table below.

1 5 4 3 2	Figure 53 Car Colour Screen
NO.	Name	Description
1	Header	The header “Audit Log” indicates which screen is being displayed
2	Search box	The search box can be used to search for a specific audit logs on the system.
3	Table Headers	The table headers for the columns in the table.
4	Table Content	Displays all the audit logs on the system.
5	Table Footer	Displays more information regarding information on the audit logs

5.4 Conclusion

This section explained the administrative website’s functionality and screens in detail.

6 Supervisor Application Functionality

6.1 Introduction

This section explains the functionality of the supervisor application and everything related to the supervisor application.

6.2 Functionality

6.2.1 Home Screen (Booking Queue)

The home screen displays the booking queue for the current day of the specific location at which that supervisor is registered. The queue is dynamic and the data will differ every day. The supervisor can click on the start button which will then open up a confirmation to ensure that it was not accidental. Once the booking has started a “in-progress” tab will appear in the right hand corner. The booking progress can be viewed and updated by clicking the “view” button. Once a booking is completed, the “End Wash” button must be selected.

6.2.1.1 Booking Queue / Home Screen

1 3 4	Figure 54 Supervisor Home Screen		7 6 5 2
NO.	Name	Description
1	Menu Button	The menu button opens up the side menu.
2	Header	Displays the “Queue” header to indicate what screen is being displayed.
3	Search Bar	The search box can be used to search for a specific booking in the queue
4	Booking Details Section	The booking details section contains the booking information of a specific booking in the queue. The customer details, car model and brand, car registration number and the service package is displayed.
5	Status Labels Section	The status label sections indicates the status attributes of the specific booking. These statuses includes in-progress (the wash has been started), paid (the booking is paid) and not paid (the payment has not been verified).
6	View Button	The view button appears once the start button is clicked. The view button opens up the wash progress pop up screen.
7	Start Button	The start button starts the booking progress. Once clicked a confirmation screen will appear and if the action is confirmed the customer will receive an email notification stating that their booking has begun.

6.2.1.2 Wash Progress Screen

The wash progress screen displays the booking’s, which was selected to start its wash, details. This includes the car registration and the service package details as well as a checkbox list for the service items and additional items. Once everything is checked the wash can be ended.

4 5 3	1 Figure 55 Wash Progress Screen		6 2
NO.	Name	Description
1	Pop Up Header	The pop up header displays “Wash Progress” indicating which pop up is being displayed.
2	Close button	The close button will close the pop up.
3	Booking Details	The booking details section contains the booking information of a specific booking in the queue. The customer details, car model and brand, car registration number and the service package is displayed.
4	Service Items	The service items which is in the service package is displayed as a checkbox list.
5	Additional Items	The additional items selected by the customer is displayed in a checkbox list.
6	End Wash Button	The end wash button, once clicked, ends the booking and the customer receives an email stating that their booking is completed.

6.2.2 Reset Password

The reset password screen is displayed when a user selects the “forgot password” link on the login screen. The user must type in their email address in the textbox provided and click the “send OTP” button. The system will send the user an OTP which will then allow the user to change their password.

1 2 3			4
NO.	Name	Description
1	Header	The header describes what screen is being displayed.
2	Email Textbox	Input field for the email of the admin.
3	Send OTP	The send email button sends the email with the pin.
4	Cancel	Closes the screen and returns to the login screen.

6.2.3 Login

This screen is used to login the supervisor on to the system, the user must enter his username and password in the username and password textboxes and then click on the login button, a success message will show when the user logs in successfully and an error message will show when the username or password is entered incorrectly. An error message will also show if the email does not exist on the system or if the user does not have access to the admin website.

1 3 5 2	Figure 56 Supervisor Login Screen		4 6
NO.	Name	Description
1	Company Logo	The company logo should be displayed on the login screen.
2	Header	Displays the “Log In” header which indicates what screen is being displayed.
2	Username Textbox	Input of type text for the Username.
3	Password Textbox	Input of type Password for the Password.
4	Forgot Password	Hyperlink To forgot password screen
5	Login Button	Once clicked, the system will login the user as an supervisor and take the user to the home screen.

6.2.4 Guests

6.2.4.1 View Guest

The view guest screen displays the registered guests for the supervisors location. A user can add a new guest by clicking the add button in the right hand corner.

1 3 4	Figure 57 View Guest Screen		4 2
NO.	Name	Description
1	Menu	The menu button opens up the side menu.
2	Header	Displays the “Guest” header to indicate which screen is displayed.
3	Add Guest Button	The add quest button is used to open up the add guest screen.
4	Search Box	The search box can be used to search for a specific guest in the system.
5	Guest information	Displays the guests information: Name, Surname, Car Make and Model, Car Registration number.

6.2.4.2 Add Guest

The add guest screen is used to add a new guest to system. All fields must be completed and correct, if not the system will display validation errors. Once the save button is selected the system will add the new guest and display a success message.

1 3 9 7 5	Figure 58 Add Guest Screen		8 10 4 6 2
NO.	Name	Description
1	Heading	The header displays “Add Guest” indicating which screen is being displayed.
2	Close Button	The close button will close the pop up.
3	Name Textbox	Input field for name of the guest
4	Surname Textbox	Input field for surname of the guest
5	Car Registration Textbox	Input field for registration number of the guest’s car.
6	Car Make Dropdown	Dropdown for all the cars’ makes.
7	Car Model Dropdown	Dropdown for all the cars’ models
8	Car Colour Dropdown	Dropdown for all the cars’ colours.
9	Close Button	The close button acts as the cancel button which will disregard the action.
10	Save Changes Buttons	The save changes button indicated that the changes must be made to the system.

6.2.5 Logout

The purpose of this function is to log out a user and return to the login screen so that another user can log in. There are no screens for the logout function, except a confirmation message. Please refer to the Logout confirmation message in section 9.3.2.2.

6.3 Conclusion

This section explained the functionality of the supervisor’s mobile application with detailed explanations of each screen.

7 Customer Application Functionality

7.1 Introduction

This section explains the functionality of the customer’s mobile application for the ERP carwash app.

7.2 Functionality

7.2.1 Home Screen

The home screen displays the customer’s name, the quick access bar, the loyalty points, the next booking and the book a wash button. The customer can easily make a booking by clicking on the book a wash button.

1 3 4 5	Figure 59 Customer Home Screen		2
NO.	Name	Description
1	Menu Button	The menu button opens up the side menu.
2	Quick Navigation Bar	Contains linkes to section which are frequently accessed.
3	Loyalty Point Progress Bar	The loyalty progress bar shows the amount of loyalty points.
4	Next Booking Section	Displays the next booking of the customer.
5	Book A Wash	The book a wash button opens up the Book A Wash screen.

7.2.2 Forgot Password

The forgot password screen is displayed when a user selects the “forgot password” link on the login screen. The system will send the user an OTP which will then allow the user to change their password.

1 3	Figure 60 Forgot Password Screen		2
NO.	Name	Description
1	Back Button	The back button navigates back to the login screen.
2	Username Textbox	Input field for the username of the customer.
3	Send Email	The send email button sends the email with the pin.

7.2.3 Create An Account

The create account screen is used to register a new account on the system. All fields must be entered correctly and completely in order to successfully register the new customer.

1 7 9 5 3	Figure 61 Register new account screen		8 6 4 2
NO.	Name	Description
1	Back Button	The back button navigates back to the login screen.
2	Name Textbox	Input field for the name of the customer.
3	Surname Textbox	Input field for the surname of the customer.
4	Date of Birth Textbox	Input field for the date of birth of the customer.
5	Email Textbox	Input field for the email of the customer.
6	Password Textbox	Input field for the password of the customer.
7	Confirm Password Textbox	Input field for the confirm password of the customer.
8	Location Dropdown	Dropdown for all locations on the system.
9	Register Button	Button to register the new customer on the system.

7.2.4 Login

This screen is used to login the customer to the system, the user must enter their username and password in the username and password textboxes and then click on the login button, a success message will show when the user logs in successfully and an error message will show when the username or password is entered incorrectly.

1 6 5 3	Figure 62 Login Screen		6 4 2
NO.	Name	Description
1	Company Logo	The company logo should be displayed on the login screen.
2	Header	Displays the “Log In” header to indicate what screen is displayed.
3	Username Textbox	Input of type text for the Username.
4	Password Textbox	Input of type password for the Password.
5	Forgot Password	Hyperlink to open up the forgot password screen
6	Don’t Have an Account link	Hyperlink to open up the Register New Account screen.

7.2.5 Customer Profile

The customer profile screen displays all of the customer’s information. The customer can update their details by selecting the “Update Details” button which will then open up the update details screen. The customer can also choose to disable their account by selecting the “disable account” link at the bottom of the screen. The system will open up a confirmation prompt and the user will have to select yes if they wish to continue the action of disabling their account.

1 2 4 6 8	Figure 63 Customer's profile screen		3 5 7
NO.	Name	Description
1	Back Button	The back button navigates back to the login screen.
2	Name	Displays the name of the customer.
3	Surname	Displays the surname of the customer.
4	Email	Displays the email of the customer.
5	Location	Displays the location of the customer
6	Date of Birth	Displays for the date of birth of the customer.
7	Update Button	Button to update the details of the customer.
8	Disable Account link	Disables the customer’s account.

7.2.6 Update Details

The update details screen is used to update a customer’s details. All fields must be completed and correct in order for the system to successfully update the information in the database.

1 9 7 5 3	Figure 64 Update Customer Details Screen		8 6 4 2
NO.	Name	Description
1	Back Button	The back button navigates back to the profile screen.
2	Header	Displays the “Profile Details” heading to indicate what screen is displayed.
3	Name Textbox	Input field for the name of the customer.
4	Surname Textbox	Input field for the surname of the customer.
5	Email Textbox	Input field for the email of the customer.
6	Location Dropdown	Dropdown for all locations on the system.
7	Date of Birth Textbox	Input field for the date of birth of the customer.
8	Register Button	Button to register the new customer on the system.
9	Cancel link	Cancels the update action.

7.2.7 Disable Account

A customer can disable their account by selecting the “Disable Account” link located at the bottom of the Profile screen. The system will display a confirmation message where the customer will need to indicate if they wish to proceed the action of disabling their account or if the wish to cancel this action. Once the action is confirmed the account will be disabled and the system will display the login page.

7.2.8 Car

7.2.8.1 View Cars

The view cars screen displays all the customer’s cars that are registered on the system. The customer can add a new car to the system by selecting the “+” button in the bottom right hand corner, the system will open up the add car pop up. A customer can delete a car by selecting the selecting the trash can icon on the left of the car they wish to delete. The system will then open up a confirmation modal and the customer must select yes if they wish to continue their action.

1 2	Figure 65 View Cars Screen		4 3
NO.	Name	Description
1	Back Button	The back button navigates back to the login screen.
2	Car Section	Displays the car information including brand, model and registration number. (displays a list of all cars)
3	Delete Button	Deletes a car from the system.
4	Add Car Button	Opens the add car pop up.

7.2.8.2 Add Car

The add car screen is used to add a new car to the system. The customer must complete all fields correctly. The add car button must be selected and if the addition is successful the system will display a success message.

1 5 3	Figure 66 Add New Car Screen		4 6 2
NO.	Name	Description
1	Registration Number Textbox	Input field for the registration number of the car.
2	Close button	Closes the pop up.
3	Brand Dropdown	Dropdown for all brands on the system.
4	Model Dropdown	Dropdown for all models on the system.
5	Colour Dropdown	Dropdown for all coloura on the system.
6	Add Car Button	Adds the car to the system.

7.2.8.3 Delete Car

Refer to section 7.2.8.1. The customer can delete a car by selecting the trash can button on the right side of the car they wish to delete. The system will display a confirmation message where the customer must indicate if they wish to proceed the action of deleting the car or if they wish to cancel the action. Once the confirmation is received the system will validate whether the car can be deleted. A customer must have at least one car on the system at all times.

7.2.9 Bookings

7.2.9.1 View Bookings

The view bookings screen displays all future bookings that the customer has. The customer can search for a specific booking using the search box. The booking date, car registration number, car model and colour, booking total is displayed for each future booking.

1 3	Figure 67 View Scheduled Bookings Screen		2
NO.	Name	Description
1	Back Button	The back button navigates back to the login screen.
2	Search Bar	Customer can type in attributes to search the list displayed.
3	Booking Details Section	Displays all the booking information for a booking. (can be displayed as a list)

7.2.9.2 Reschedule Booking

1 6 4 2	Figure 68 Book A Wash Screen		7 5 3
NO.	Name	Description
1	Back Button	The back button navigates back to the login screen.
2	Select Car	Contains the select car section details. Once clicked the section will open up.
3	Select Wash	Contains the select wash section details. Once clicked the section will open up.
4	Select Date	Contains the select date section details. Once clicked the section will open up.
5	Select Payment Method	Contains the select payment method section details. Once clicked the section will open up.
6	Price Label	Displays the price of the items selected.
7	Book Now Button	The button will save the booking details and navigate to the confirmation screen.

7.2.9.3 View Booking History

The view booking history screen displays all of the customer’s previous bookings. The customer can search for a specific booking by typing in the search box field. The customer can write a review by selecting the review button of the booking they wish to rate.

1 4	Figure 69 View Wash History Screen		5 3 2
NO.	Name	Description
1	Back Button	The back button navigates back to the home screen.
2	Header	Displays the “History” heading which indicates what screen is displayed.
3	Search Bar	Customer can type in attributes to search the list displayed.
4	Booking History Details Section	Displays all the booking information for a booking history.
5	Review Button	Opens up the review screen where a user can write a re view about the selected booking.

7.2.9.4 Review Wash

The review wash screen is used to write a review for a specific booking. The customer can rate a booking out of 5 and a description of up to 250 characters. The review can be submitted by selecting the review button, if the review is successfully submitted a success message will appear on the screen.

1 4	Figure 70 Add Review Screen		5 3 2
NO.	Name	Description
1	Close Button	Closes the pop up.
2	Header	Displays the “Review Wash” heading which indicates what screen is displayed.
3	Star Rating Input	Input rating for the rating of the booking out of 5.
4	Review Textbox	Inut field for the review description.
5	Review Button	Submits the review and adds it to the system.

7.2.10 Make A Booking

7.2.10.1 Make A Booking Screen

The make booking screen is used by the customer to make a new booking on the application. The screen has four main sections, each can be clicked to expand and provide more information and input fields. Each section must be completed before the “Book Now” button can be selected.

1 6 4 2	Figure 71 Book A Wash Screen		7 5 3
NO.	Name	Description
1	Back Button	The back button navigates back to the login screen.
2	Select Car	Contains the select car section details. Once clicked the section will open up.
3	Select Wash	Contains the select wash section details. Once clicked the section will open up.
4	Select Date	Contains the select date section details. Once clicked the section will open up.
5	Select Payment Method	Contains the select payment method section details. Once clicked the section will open up.
6	Price Label	Displays the price of the items selected.
7	Book Now Button	The button will save the booking details and navigate to the confirmation screen.

7.2.10.1.1 Select Car Section

This section is used to select the car for which the booking is made.

1 4 2	Figure 72 Select Car Section		3
NO.	Name	Description
1	Section Header	Displays the section header “Select Car” to indicate what section is expanded.
2	Car List Section	Displays the list of the users cars. A user can tap to select a car.
3	Add Car Button	Opens up the add car pop-up.
4	Next Button	Closes the section and saves the selected information

7.2.10.1.2 Select Wash Section

This section is used to select the wash details for the booking.

5 3 1	Figure 73 Select Wash Section		6 4 2
NO.	Name	Description
1	Section Header	Displays the section header “Select Wash” to indicate what section is expanded.
2	Select Wash Dropdown	Dropdown for all service packages on the system.
3	Want Something Extra? Button	Opens up a list of extra service items.
4	Priority Booking Radio Button	If selected, the booking will be flagged as a priority booking.
5	Total Label	Displays the total cost of the wash.
4	Next Button	Closes the section and saves the selected information

7.2.10.1.3 Select Date Section

This section is used to select the date on which the booking must be.

1 2	Figure 74 Select Date Section
NO.	Name	Description
1	Section Header	Displays the section header “Select Date” to indicate what section is expanded.
2	Date List	Displays a list of available days. If a date is selected the section will close.

7.2.10.2 Select Payment Section

This section is used to select the payment method that the customer will use to pay for their booking.

2 1	Figure 75 Select Payment Section		3
NO.	Name	Description
1	Section Header	Displays the section header “Select Date” to indicate what section is expanded.
2	Payment Methods List	Displays a list of the payment methods available top the user.
4	Next Button	Closes the section and saves the selected information

7.2.10.3

7.2.10.4 Confirm Booking Screen

The confirm booking screen displays the bookings information and displays the data as selected by the customer on the make a booking screen. The customer can select the Pay Now button which will then use the selected payment method to pay for the booking.

1 6 4 2	Figure 76 Confirm Booking Screen		7 5 3
NO.	Name	Description
1	Back Button	The back button navigates back to the make a booking screen.
2	Selected Car Section	Contains the selected car details.
3	Selected Wash Section	Contains the selected wash section details.
4	Selected Date Section	Contains the selected date section details.
5	Selected Payment Section	Contains the selected payment method details
6	Pay Button	Navigates to the selected payment method screens.
7	Disclaimer Label	Provides a disclaimer to the customer to notify them of the booking policy.

7.2.11 Vouchers

7.2.11.1 View Vouchers

The view vouchers screen displays the customer’s vouchers and information such as the expiry date of the vouchers and the package to be redeemed.

1 2	Figure 77 View Vouchers Screen
NO.	Name	Description
1	Back Button	The back button navigates back to the login screen.
2	Voucher Card	Displays the voucher type and the expiry date of the voucher.

7.2.12 Logout

The purpose of this function is to log out a user and return to the login. The sign out button can be located at the bottom of the side navigation menu. The user must select the “Sign Out” button, the system will then display a confirmation message and the user must indicate that they wish to sign out, else if the user does not want to sign out they can select the “cancel” button.

1	Figure 78 Sign Out Button
NO.	Name	Description
1	Sign Out Button	Opens up the confirmation screen which requests the user to confirm whether they want to logout of the system or not.

7.3 Conclusion

This section contained the detailed explanations of the customer’s mobile application functionality

8 Reports & Output

8.1 Introduction

This section includes a description of all reports that can be generated and downloaded by the system. The purpose and use of each report and why the report is insightful and valuable to the carwash business is discussed in detail.

8.2 Reports

8.2.1 Total Carwash Report

The total carwash report is used to display the total number of bookings made for the specified timeframe. The report shows the total number of bookings booked per package as well as service items. This report indicates what service packages and items was popular and the report is vital for the reconciliation of the general ledgers of the company.

Figure 79: Total Carwash Report Output

8.2.2 Total Income Report

The total income report is used to display the income of the company for the specified timeframe. The total income report shows a graphic illustration of the income generated and the report is useful in predicting trend, fraud and reconciliation of the general ledgers of the company.

Figure 80 Total Income Report Output

8.2.3 Stock Level Report

The stock level report is used to display the current stock levels in a graphical format. This provided a quick visual of how the stock levels are looking and will provide an indication of what stock may need to be restocked soon.

Figure 81 Stock Level Report Output

8.2.4 Carwash Trend Report

The carwash trend report is used to provide some business intelligence to the user. The report displays some of the most popular days, service packages and service items. A line graph shows a trend line graph of the bookings. This report gives insightful information on how the company can improve their bookings and create a more successful carwash business.

Figure 82 Carwash Trend Report Output

8.2.5 Customer Satisfaction Report

The customer satisfaction report is used to display the average rating a carwash has received and the average rating each service package has received. The report shows a table with the average overall rating and another table with each of the service packages’ rating. This is useful to improve on the services provided and too see whether customers are satisfied with the services they receive.

Figure 83 Customer Satisfaction Report

8.3 Conclusion

This section discussed each of the report’s purpose and uses in a business sense.

9 Error & Confirmation Messages

9.1 Introduction

This section includes a description of the error messages, confirmation messages and success messages that can be generated by the system.

9.2 Error Messages

9.2.1 Administrative Website

9.2.1.1 Incorrect Password Error

This error message is displayed when a password is not entered correctly or is not a valid password.

1	Figure 84 Error Message Example		2
NO.	Name	Description
1	Error Message	Message containing information about the error action.
2	Okay Button	Closes the success message.

9.2.1.2 Email Not Registered Error

This error message is displayed when the email entered does not match a registered user.

1			2
NO.	Name	Description
1	Error Message	Message containing information about the error action.
2	Okay Button	Closes the success message.

9.2.1.3 General Error Message Format

The general error message format is used to display any error message that occurs in the system. The messages are clear and if a solution is possible, the solution will also display.

1			2
NO.	Name	Description
1	Error Message	Message containing information about the error action.
2	Okay Button	Closes the success message.

9.2.2 Mobile Application

9.2.2.1 Incorrect Password Error

This error message is shown when the incorrect password is entered in the login screen.

1			2
NO.	Name	Description
1	Error Message	Message containing information about the error action.
2	Ok Button	Closes the error message.

9.2.2.2 Email Not Registered Error

This error message is shown when the email entered does not exist on the system.

1			2
NO.	Name	Description
1	Error Message	Message containing information about the error action.
2	Ok Button	Closes the success message.

9.2.2.3 Action Not Allowed Error

This error displays when an action (delete, update or add) is not allowed by the current user. This could be because of restrictions due to records on the system or role permissions.

1			2
NO.	Name	Description
1	Error Message	Message containing information about the error action.
2	Ok Button	Closes the success message.

9.3 Confirmation Messages

9.3.1 Administrative Website

9.3.1.1 Delete Confirmation Message

This confirmation message is shown every time the user wants to delete a record to confirm the deletion.

1 2 3			4
NO.	Name	Description
1	Confirmation Header	Alert header with text “Warning”.
2	Confirmation Content	Information regarding the action to be completed.
3	No Button	Closes the pop up.
4	Yes Button	Completes the deletion.

9.3.1.2 Update Confirmation Message

This confirmation message is shown every time the user wants to update a record to confirm the change

1 2 3			4
NO.	Name	Description
1	Confirmation Header	Alert header with text “Confirmation”.
2	Confirmation Content	Information regarding the action to be completed.
3	No Button	Closes the pop up.
4	Yes Button	Completes the deletion.

9.3.2 Mobile Application

9.3.2.1 Disable Warning Message

The disable warning message displays when a customer has selected to disable their account.

1 2 3			4
NO.	Name	Description
1	Confirmation Header	Alert header with text “Wait!”.
2	Confirmation Content	Information regarding the action to be completed.
3	Cancel Button	Closes the pop up.
4	Yes Button	Completes the deletion.

9.3.2.2 Delete Confirmation Message

This confirmation message is shown every time the user wants to delete a record to confirm the deletion.

1 2 3			4
NO.	Name	Description
1	Confirmation Header	Alert header with text “Warning!”.
2	Confirmation Content	Information regarding the action to be completed.
3	No Button	Closes the pop up.
4	Yes Button	Completes the deletion.

9.3.2.3 Update Confirmation Message

This confirmation message is shown every time the user wants to update a record to confirm the change of that record.

1 2 3			4
NO.	Name	Description
1	Confirmation Header	Alert header with text “Confirmation”
2	Confirmation Content	Information regarding the action to be completed.
3	No Button	Closes the pop up.
4	Yes Button	Completes the deletion.

9.4 Success Messages

9.4.1 Administrative Website

9.4.1.1 Success Message

This success message is shown every time an action is successfully completed.

1			2
NO.	Name	Description
1	Success Message	Message containing information about the successful action.
2	Okay Button	Closes the success message.

9.4.2 Mobile Application

9.4.2.1 Success Message

This success message is shown every time an action is successfully completed.

1			2
NO.	Name	Description
1	Success Message	Message containing information about the successful action.
2	Okay Button	Closes the success message.

9.4.2.2 Update Successful Message

This success message is shown every time an update is successfully completed.

1			2
NO.	Name	Description
1	Success Message	Message containing information about the successful action.
2	Okay Button	Closes the success message.

9.4.2.3 Delete Successful Message

This success message is shown every time a deletions is successfully completed.

1			2
NO.	Name	Description
1	Success Message	Message containing information about the successful action.
2	Okay Button	Closes the success message.

9.5 Conclusion

This section discussed all of the possible error, success and confirmation messages that can be generated on the website and the mobile applications.

10 Glossary

10.1 Introduction

The glossary provides clear definitions or descriptions to the terminology used in the user manual and on what pages these terms were used.

10.2 Glossary

	Term	Definition	Pages
A	Admin	User with both app and website access.	24, 25, 26, 27, 94, 108
B	Booking	A booking refers to the wash service that was purchased and reserved by a customer.	7, 9 , 19, 20, 94, 95, 103-107 , 115, 124 – 135, 138,141,
	Booking History	Booking history refers to a list of bookings that have already been completed.	126
C	Car Brand	Car Brand refers to the car’s company i.e. Toyota.	72, 76, 77
	Car Colour	Car colour refers to the colour of the car’s body.	81, 82, 83
	Car Model	Car model refers to the model of the car i.e. Yaris.	70, 71, 74,75
	Car Type	Car type refers to the size of the car i.e. Hatchback.	65, 66, 67, 68
	Customer	A customer is a user who purchases booking and uses the customer application.	10, 11, 105-107, 115-126,128-132, 135, 142
D
E	Employee	An employee is a user who accesses the Supervisor app or works for the carwash business.	23, 26, 27, 37, 38, 39, 40
H	Hyperlink	A link from a hypertext document to another location, activated by clicking on a highlighted word or image.	26, 110, 118
L	Loyalty Point	Loyalty points refers to rewards received by a customer for making a booking.	17, 19, 21 , 115
O	OTP	One Time Pin	24, 108,116
P	PayFast	A secure integrated payment system.	131
Q	Queue	Queue refers to the line-up of the bookings for a specific day.	10, 103, 104, 105
R	Review	A review refers to an informal assessment written by a customer about a service they received.	96, 97, 128
S	Supervisor	A supervisor refers to a user who is in charge of the supervisor application and completing the booking’s actions.	10, 103, 104, 109, 110, 114
	Stock Item	A stock item is a disposable item used during the car wash services.	41, 42, 43,44, 4,5, 64, 92
	Stock Level	Stock level refers to the current amount left in the system for each stock item.	92, 93, 140
	Service Package	A Service package is a collection of service items to create a complete wash package.	53 – 58, 88, 89, 94, 95, 96, 105 – 107, 131, 138, 141, 142
	Service Item	A service item is an individual wash service for example “interior wash”.	59 -64, 89, 95, 96, 107, 131, 138, 141, 142
	Scheduled Booking	A scheduled booking refers to a booking that has not yet been completed.	124
U	User	Anyone using the mobile application or the administrative website.	6, 30 – 38, 48, 51 – 56, 60 - 68, 71-76, 84 – 87, 90 -96, 108 -114, 118, 127, 130-135, 144, 146 -148
V	Voucher	A voucher refers to a free package received by a customer.	9, 21, 135

10.3 Conclusion

This concludes the glossary of terms used in the user manual.

11 Client Sign-Off

11.1 Introduction

This section holds the formally signed page where the client specifies that she has read the document, understands it and agrees with its contents.

11.2 Client Sign Off

I ,_______________________________________________ ,on behalf of EPI-USE, declare that the contents of this document meets the expectations and requirements that is expected from the team.

Client’s signature: ____________________________ Date: ____________________________

11.3 Conclusion

The client has read through and approved of the quality and content of this document and gives consent to its submission as deliverable

12 Team Sign-Off

12.1 Introduction

This section contains the signatures of each team member to state that they approve the contents of this document.

12.2 Team Sign Off

We, the members of Group 7, referred to as KODEIT, declare that we are satisfied with the quality of the contents contained in this document. We declare that each member of the group has made an equal contribution to complete the work, by adhering to the frameworks and guidelines as well as the regulations regarding the module INF 370, and that the work is our own.

Date Signed: ______________________

Liza-Mari Wolhuter	Carla Jacobs
Gideon Botha	Zuan Van Zyl
Barend Steenkamp

12.3 Conclusion

In conclusion, the team approves the content in this document and also declares that they have fully participated in the completion of this document.

13 Document Conclusion

This document described the functions, controls and elements of each screen on both the administrative website and the mobile application. Descriptions of error, success and confirmation messages are also provided, as well as a short glossary. System implementation and how to get further help was discussed briefly.